<template>
  <el-drawer v-model="is图表分析抽屉可见2" direction="ltr" @close="on抽屉被关闭" show-close  size="90%">
    <template #header>
<!--      <h4>set title by slot</h4>-->
    </template>
    <template #default>
      <div style="flex: auto;width: 100%">
        <Echarts代理组织架构图/>
      </div>
    </template>
    <template #footer>
      <div style="flex: auto">

      </div>
    </template>
  </el-drawer>
</template>

<script setup lang='ts'>
import Echarts代理组织架构图 from '@/view/控制面板/组件/代理组织架构图.vue'
import {onMounted, ref, watch} from "vue";


const Props = defineProps({
  is图表分析抽屉可见: {
    type: Boolean,
    default: false
  }
})
const emit = defineEmits(['on图表分析抽屉关闭'])
watch(() => Props.is图表分析抽屉可见, (newVal, oldVal) => {
  if (newVal) {
    is图表分析抽屉可见2.value = newVal;
  }
})
const is图表分析抽屉可见2 = ref(false)
onMounted(() => {

})
const on抽屉被关闭 = () => {
  console.info("on对话框被关闭")
  is图表分析抽屉可见2.value = false
  emit('on图表分析抽屉关闭', false)
}

</script>

<style scoped css="scss">

</style>
